// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'

/*
 vue-router is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Features include:

 Nested route/view mapping
 Modular, component-based router configuration
 Route params, query, wildcards
 View transition effects powered by Vue.js' transition system
 Fine-grained navigation control
 Links with automatic active CSS classes
 HTML5 history mode or hash mode, with auto-fallback in IE9
 Customizable Scroll Behavior
 */
import router from './router'

/*
Mint UI provides abundant CSS and JS components for building mobile applications. With it, you can create web pages in cohesive style ever faster.
Mobile UI elements for Vue.js
 */

import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'

// 引入swiper Swiper(Swiper3) component for Vue.js(1.X ~ 2.X), support pc and mobile, SPA and SSR.
import VueAwesomeSwiper from 'vue-awesome-swiper'

/*
A high quality UI Toolkit built on Vue.js
 */
import iView from 'iview'
import 'iview/dist/styles/iview.css'

/*
 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
 Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、
 状态快照导入导出等高级调试功能。
 */

// Vuex
import Vuex from 'vuex'
import store from './vuex/store'
/*
 A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
 */
// require('vue2-animate/dist/vue2-animate.min.css')
import 'vue2-animate/dist/vue2-animate.min.css'
Vue.config.productionTip = false

Vue.use(Vuex)
Vue.use(VueAwesomeSwiper)
Vue.use(MintUI)
Vue.use(iView)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  Vuex,
  store,
  template: '<App/>',
  components: {App}
})
//

